@import "@/common/constants/StyleConst.scss";

.title-container {
  height: 53px;

  h3 {
    font-size: 18px;
    color: $color-theme-grey;
    font-weight: 700;
  }
}

.list {
  min-height: 221px;
  background: $color-text-white;

  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
  .list-title {
    height: 35px;
    h3 {
      font-size: 14px;
      font-weight: 700;
      color: #5B647A;
    }
  }
  ::v-deep .v-treeview-node__content {
    background-color: $color-theme-lightgrey;
    text-align: left;
    border-radius: 8px;
    margin-bottom: 8px;

    .v-treeview-node__label {
      overflow: unset;
      text-overflow: unset;
      white-space: unset;
      & > div{
        border-radius: 8px;
        padding: 0px 8px;
        min-height: 56px;
        &.active {
          outline: 2px solid $color-theme-orange;
          background-color: #fff;
        }
      }
      h3 {
        color: $color-theme-grey;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
      }

      p {
        line-height: 18px;
        color: $color-theme-grey;
        font-size: 12px;
      }
    }
  }
  ::v-deep .flat {
    .v-treeview-node__content {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) !important;
      background-color: #fff;
    }
  }
}